<template>
  <div>
    <span> Message: {{ msg }} </span>
    <div :label="label" :alias="`${alias}-alias`" v-bind="obj"></div>
    <BaseSlot :todos="todos">
      <template v-slot:todo="{ todo }">
        <span v-if="todo.isComplete">✓</span>
        {{ todo.text }}
      </template>
    </BaseSlot>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import BaseSlot from './BaseSlot.vue'

const msg = ref('See!')
const label = ref('这是标签')
const alias = ref('这是别名')
const obj = ref({ id: 2, name: '张三' })
const todos = ref([
  {text: "AA",isComplete: 1, },
  {text: "BB",isComplete: 0, },
  {text: "CC",isComplete: 1, },
])

</script>
